@charset "utf-8";

/*Universal*/
.firm .Universal,.case .Universal{margin-bottom: 10px;}

.swiper-button-prev,.swiper-button-next:focus {outline: none;}


/*goods*/
.goods{background: #f6f6f6;border: 1px solid #dedede;margin-top: 10px;}
.goods .fl_r a{color: #999999;font-size: 12px;font-weight: normal;padding-top: 10px;display: block;padding-right: 10px;}
.goods .gdlist{margin: 10px 3px;}
.goods .gdlist span{font-size: 14px;color: #666666;height: 30px;line-height: 30px;overflow: hidden;display: block;text-align: center;background: url(../images/sha.jpg) no-repeat top center;font-weight: bold;}

/*photo*/
.photo{margin: 10px auto;}
.photo .img1{position: relative;}
.photo .img1 span{position: absolute;left: 50px;top: 50px;font-size: 35px;font-weight: bold;color: red;}
.photo .img1 em{position: absolute;left: 50px;bottom: 20px;width: 100px;line-height: 30px;text-align: center;background: #0B52A3;border: 1px solid #fff;border-radius: 10px;color: #fff;font-size: 14px;}

.photo .img1,.photo .img2{overflow: hidden;width: 100%;height: 100%;display: block;}
.photo .img1 img,.photo .img2 img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.photo .img1 img:hover,.photo .img2 img:hover{transform: scale(1.1);}

/*news*/
.news{background: url(../images/newbg.jpg) no-repeat center top;padding: 25px 0px 30px;}
.news .left .p1{color: #575757;background: url(../images/wen.jpg) no-repeat 0 5px;padding-left: 28px;display: block;font-size: 12px;font-weight: bold;margin: 0;height: 25px;}
.news .left .p1 a{font-size: 12px;padding-top: 5px;display: block;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;width: 90%;float: left;}
.news .left .p2{margin-top: 2px;padding-left: 28px;background: url(../images/da.jpg) no-repeat 0 5px;line-height: 20px;color: #666;height: 60px;overflow: hidden;font-size: 12px;}
.news .newslist{overflow: hidden; position: relative;background: white;padding: 5px 15px;}
.news .newslist .Universal{margin-bottom: 10px;}
.news .newslist ul{position: absolute; margin: 0pt;  top: 0px;}
.news .fl_r a{color: #999999;font-size: 12px;font-weight: normal;padding-top: 10px;display: block;padding-right: 5px;}
.news .right .tit{font-weight: normal;background: url(../images/tabline.jpg) repeat-x left bottom;}
.news .right .tit span a{background: url(../images/hover5.jpg) no-repeat 0 bottom;color: #333333;text-decoration: none;width: 80px;text-align: center;display: inline-block;font-size: 14px;font-family: "Microsoft YaHei";font-weight: bold;margin-right: 20px;padding-bottom: 8px;}
.news .right img{padding: 4px;border: 1px solid #dedede;}
.news .right .ritop .title{font-size: 12px;display: block;color: #000;line-height: 20px;overflow: hidden;font-weight: bold;font-family: "Microsoft YaHei";margin-bottom: 5px;}
.news .right .ritop p{color: #666666;font-size: 12px;line-height: 20px;overflow: hidden;margin-bottom: 10px;}
.news .right .ritop span a{font-size: 12px;color: white;display: block;width: 15%;text-align: center;margin-left: 0;background: #F9BC01;}
.news .right .ribottom li{background: url(../images/ico2.jpg) no-repeat 3px 12px;border-right: 1px solid #eeeeee;padding-top: 3.5px;padding-bottom: 2px;}
.news .right .ribottom li span{color: #999999;font-family: arial;float: right;font-size: 12px;}
.news .right .ribottom li a{font-size: 12px;color: #333333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;width: 80%;}


/*video*/
.videobox{border: 1px solid #dedede;border-top: 3px solid #009944;margin-top: 25px;}
.videobox .tit{font-size: 18px;}
.videolist{margin: 30px 25px 15px 25px;}
.videolist .swiper-slide{text-align: center;}
.videolist .swiper-slide span{display: block;line-height: 38px;overflow: hidden;text-align: center;color: #666666;cursor: pointer;background: url(../images/sha3.jpg) no-repeat;font-weight: bold;}

.video .swiper-button-next, .video .swiper-button-prev{top: 40%;}
.video .swiper-button-next:after{content:'>';color: #009944;font-size: 20px;}
.video .swiper-button-prev,.video .swiper-button-next{border: 2px solid #009944;width: 45px;height: 45px;border-radius: 50%;}
.video .swiper-button-prev:after{content:'<';color: #009944;font-size: 20px;}


/*merit*/
.ysbox{padding: 15px 0px;}
.ysbox .tit{font-size: 18px;font-weight: bold;color: #009944;background: url(../images/ysico4.jpg) no-repeat left bottom;padding-top: 5px;height: 55px;position: relative;padding-left: 54px;margin-bottom: 10px;}
.ysbox .tit b{position: absolute;background: url(../images/ysico1.jpg) no-repeat;width: 44px;height: 46px;text-align: center;line-height: 40px;color: #fff;font-size: 26px;font-weight: bold;left: 0;top: 0;font-style: italic;}
.ysbox .p1{background: url(../images/ysico2.jpg) no-repeat 27px 6px;}
.ysbox .p2{background: url(../images/ysico3.jpg) no-repeat 27px 6px;}
.ysbox p{color: #666;font-size: 14px;padding-left: 40px;line-height: 22px;margin: 0;}
.meritbox img{padding: 15px 0px;}
.meritbox .merittit{position: relative;height: 137px;background: url(../images/ystit.jpg) no-repeat center top;}
.meritbox .merittit .list{font-size: 24px;color: #009944;font-style: italic;padding-left: 695px;display: block;font-weight: normal;padding-top: 65px;line-height: 1.2;}

.meritbox .merittit .list em{font-size: 12px;color: #a4a4a4;font-family: arial;font-style: italic;display: block;font-weight: normal;padding-left: 10px;line-height: 1;}




/*case*/
.case{padding: 1rem 0;}
.casebox{border: 1px solid #dedede; border-top: 3px solid #009944; }
.case .ceselist{margin: 10px 0px;padding: 10px;border-left: 3px solid #019A40;background: #F7F7F7;}
.case .ceselist a{font-size: 15px;color: #333333;overflow: hidden;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.case .ceselist p{font-size: 13px;color: #666;line-height: 22px;overflow: hidden;margin-bottom: 5px;}
.case .ceselist span a{display: block;float: left;color: #009944;text-align: center;font-size: 12px;}
.case .ceselist .ceseimg{padding: 4px;border: 1px solid #dedede;}
/*firm*/
.firm{background: url(../images/gsbg.jpg) no-repeat center top;}

.firm .firmbox{background: white;border-top: 3px solid #fbc31a;padding: 0px 5px;padding-bottom: 20px;}
.firm .text{font-size: 14px;color: #666666;line-height: 30px;}





@media (max-width: 768px) {
  .news{background: none;padding: 5px 0px 30px!important;}
  .news .right .ribottom li{border-right: none;}
  .news .right .py-2{padding-right: 0rem!important; padding-left: 0rem!important;}
  .swiper-pagination{width: 100%!important;left: 0!important;}

  .firm .text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;}

  .case .ceselist p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 12px;}

  }